<div class="editor-row">
	<div class="section gf-form-group">
		<h5 class="section-heading"><!--Info-->信息</h5>
		<div class="gf-form">
			<span class="gf-form-label width-7"><!--Title-->标题</span>
			<input type="text" class="gf-form-input width-25" ng-model='ctrl.panel.title'></input>
		</div>
		<div class="gf-form gf-form--v-stretch">
			<span class="gf-form-label width-7"><!--Description-->描述</span>
			<textarea class="gf-form-input width-25" rows="3" ng-model="ctrl.panel.description"  placeholder="面板描述，支持 markdown 和链接"></textarea><!--Panel description, supports markdown & links-->
		</div>
    <gf-form-switch class="gf-form" label-class="width-7" switch-class="max-width-6" label="透明" checked="ctrl.panel.transparent" on-change="ctrl.render()"></gf-form-switch>
	</div>

  <div class="section gf-form-group">
    <h5 class="section-heading"><!--Repeat-->重复</h5>
		<div class="gf-form">
			<span class="gf-form-label width-9"><!--For each value of-->对于每个值</span>
			<dash-repeat-option panel="ctrl.panel"></dash-repeat-option>
		</div>
		<div class="gf-form" ng-show="ctrl.panel.repeat">
			<span class="gf-form-label width-9"><!--Min width-->最小宽度</span>
			<select class="gf-form-input" ng-model="ctrl.panel.minSpan" ng-options="f for f in [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24]">
				<option value=""></option>
			</select>
		</div>
    <div class="gf-form" ng-show="ctrl.panel.repeat">
			<span class="gf-form-label width-9"><!--Direction-->方向</span>
			<select class="gf-form-input" ng-model="ctrl.panel.repeatDirection" ng-options="f.value as f.text for f in [{value: 'v', text: '垂直'}, {value: 'h', text: '水平'}]">
				<option value=""></option>
			</select>
		</div>
	</div>

	<panel-links-editor panel="ctrl.panel"></panel-links-editor>


